<!--
 * @Author: ljb
 * @Description: 
 * @Date: 2021-09-16 15:02:02
 * @LastEditTime: 2021-09-24 15:42:48
 * @FilePath: \blog-vue\src\views\home\index.vue
-->
<template>
    <el-row :gutter="24">
        <el-col :span="6">
            <user-panel />
        </el-col>
        <el-col :span="18">
            <div class="blog-container">
                <div class="blog-list">
                    <blog-content-item></blog-content-item>
                    <blog-content-item></blog-content-item>
                    <blog-content-item></blog-content-item>
                </div>
            </div>
        </el-col>
    </el-row>
</template>

<script>
import BlogContentItem from '@/components/blog/blog-content-item.vue'
import { UserPanel } from '@/components/user'

export default {
    name: 'Home',
    components: {
        UserPanel,
        BlogContentItem
    },
    setup() {
    
        BlogContentItem    
    },
}
</script>

<style lang="scss" scoped>
    .blog-container {
        padding-bottom: 48px;
    }
</style>